<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>芮欧百货</title>
    <script src="js/flexible.js"></script>
    <link rel="stylesheet" href="css/clear.css">
    <link rel="stylesheet" href="css/myIntegral.css">
</head>
<body>
<!--最外层的box-->
<div class="container">
    <!--header-->
    <div class="header">
        <div></div>
        <div>会员中心</div>
        <div></div>
    </div>
    <div id="integralBox">
        <img src="img/menberCanter/Z.jpg" alt="">
        <div class="integralDetail">
            <span class="integralName">芮欧</span>
            <p> 我的年度积分：<span class="integralNum">0积分</span></p>
        </div>
    </div>
    <ul id="integralDetail">
        <li>
            <div class="consumeDate">
                <span>2017<br>07.07</span>
                <div>
                    <div></div>
                </div>
            </div>
            <div class="consumeLocation">
                <p class="consumeCity">
                    <span>上海 </span>
                    <span>1000积分</span>
                </p>
                <div class="cir"><span>增加积分</span></div>
            </div>
        </li>
        <li>
            <div class="consumeDate">
                <span>2017<br>07.07</span>
                <div>
                    <div></div>
                </div>
            </div>
            <div class="consumeLocation">
                <p class="consumeCity">
                    <span>上海 </span>
                    <span>1000积分</span>
                </p>
                <div class="cir"><span>增加积分</span></div>
            </div>
        </li>
        <li>
            <div class="consumeDate">
                <span>2017<br>07.07</span>
                <div>
                    <div></div>
                </div>
            </div>
            <div class="consumeLocation">
                <p class="consumeCity">
                    <span>上海 </span>
                    <span>1000积分</span>
                </p>
                <div class="cir"><span>增加积分</span></div>
            </div>
        </li>
        <li>
            <div class="consumeDate">
                <span>2017<br>07.07</span>
                <div>
                    <div></div>
                </div>
            </div>
            <div class="consumeLocation">
                <p class="consumeCity">
                    <span>上海 </span>
                    <span>1000积分</span>
                </p>
                <div class="cir"><span>增加积分</span></div>
            </div>
        </li>
        <li>
            <div class="consumeDate">
                <span>2017<br>07.07</span>
                <div>
                    <div></div>
                </div>
            </div>
            <div class="consumeLocation">
                <p class="consumeCity">
                    <span>上海 </span>
                    <span>1000积分</span>
                </p>
                <div class="cir"><span>增加积分</span></div>
            </div>
        </li>
        <li>
            <div class="consumeDate">
                <span>2017<br>07.07</span>
                <div>
                    <div></div>
                </div>
            </div>
            <div class="consumeLocation">
                <p class="consumeCity">
                    <span>上海 </span>
                    <span>1000积分</span>
                </p>
                <div class="cir"><span>增加积分</span></div>
            </div>
        </li>
    </ul>
    <footer>
        <p>若您对积分有疑，请联系 <a href="">客服中心</a></p>
    </footer>
</div>
</body>
</html>